<!-- map-container -->
<div class="map-container" ng-controller="MasterCtrl">

  <!-- map-selector -->
  <div class="left-nav">
    <map-selector ></map-selector>
    <div style="height: 20px"> </div>
    <map-operation ng-show="originData.length > 0"></map-operation>
  </div>

  <div class="container-fluid row">  
    <timelineaxis >  
      <timeaxis-item ng-repeat="item in items">  
        <a href="#" ng-class="{'active': selectedItem.index == item.index}" ng-click="checkItem(item.index)">  
          <timeaxis-point></timeaxis-point>  
          <timeaxis-panel>{{item.content}}</timeaxis-panel>  
        </a>  
      </timeaxis-item>  
    </timelineaxis>  
  </div>

  <map-info class="map-info" ng-show="showInfo > -1"></map-info>

  <map-summary class="map-summary" ng-show="originData.length > 0">
    <summary-list>
      <summary-block ng-show="infoData.length > 0">
        <block-header>警情列表</block-header>
        <block-content>
          <div class="info-header">
            <div class="col-md-2">序号</div>
            <div class="col-md-3">数量</div>
            <div class="col-md-5">所在派出所</div>
            <div class="col-md-2">详情</div>
          </div>
          <div class="info-line" ng-repeat="(index, info) in infoData | limitTo: 200">
            <div class="col-md-2">
              <div class="nxt-num">{{index + 1}}</div>
            </div>
            <div class="col-md-3">{{info.value}}</div>
            <div class="col-md-5">{{info.bumen}}</div>
            <div class="col-md-2"><a href="">详情</a></div>
          </div>
        </block-content>
      </summary-block>

      <summary-block>
        <block-header>警情时分布</block-header>
        <block-content>
          <div id="chart2" class="nxt-chart"></div>
        </block-content>
      </summary-block>

      <summary-block>
        <block-header>警情数量统计</block-header>
        <block-content>
          <div class="info-header">
            <div class="col-md-4">警情类型</div>
            <div class="col-md-6">数值</div>
            <div class="col-md-2">数量</div>
          </div>
          <div class="info-line" ng-repeat="item in dataMap.map">
            <div class="col-md-4">{{item.name}}</div>
            <div class="col-md-6">
              <div class="nxt-bar" style="width: {{item.value / dataMap.map[0].value * 100}}%"></div>
            </div>
            <div class="col-md-2">{{item.value}}</div>
          </div>
        </block-content>
      </summary-block>
    </summary-list>
  </map-summary>

</div><!-- end map-container -->